梦入琼楼寒有月,行过石树冻无烟

CSS 引入与使用

全局引入CSS文件

1
2
3
<head>
<link rel="stylesheet" type="text/css" href="title.css">
</head>
1
2
3
4
5
6
7
8
<style>
p {
color: red;
}
</style>
<body>
<p>Hello,world!</p>
</body>

自此在<body>部分中使用<p>的文本内容将会默认使用<style>中的“p”内的相关语法将会被自动引用

Hello,world!

1
<p style="color: red;">Hello,world!</p>

多重样式

<p>Hello,world!</p>
1
2
3
4
5
6
7
8
9
10
11
<style>
p {
color: red;
}
p {
font-size: 100px;
}
</style>
<body>
<p>Hello,world!</p>
</body>
⬅️ Go back